<!DOCTYPE html>
    <html>
    <head>
        <title>Service</title>
        <meta name="keywords" content="" />
        <meta name="description" content="">
        <include file="public@head"/>
        <hook name="before_head_end"/>
        <link href="__TMPL__/public/assets/css/slippry/slippry.css" rel="stylesheet">
        <link href="/thinkcmf/public/themes/simpleboot3/public/assets/css/style.css" rel="stylesheet">
        <style type="text/css">
            .caption-wraper {
                position: absolute;
                left: 50%;
                bottom: 2em;
            }
            .caption-wraper .caption {
                position: relative;
                left: -50%;
                background-color: rgba(0, 0, 0, 0.54);
                padding: 0.4em 1em;
                color: #fff;
                -webkit-border-radius: 1.2em;
                -moz-border-radius: 1.2em;
                -ms-border-radius: 1.2em;
                -o-border-radius: 1.2em;
                border-radius: 1.2em;
            }
        </style>
    </head>
<body class="">
<include file="public@nav-en"/>
<ul id="home-slider" class="list-unstyled">

    <li>
        <div class="caption-wraper">
            <div class="caption">Product</div>
        </div>
        <a href=""><img src="__TMPL__/public/assets/images/comp/en/product_s1.jpg" alt=""></a>
    </li>
</ul>
<div class="container tc-main">
<section class="product" id="0">
    <div class="row">
        <div class="col-md-9">
            <div class="main-title">
                <h3></h3>
            </div>
        </div>
    </div>
</section>
<section class="product" id="1">
    <div class="row">
        <div class="main-title">
            <h3>The Classic FRHS Ventilation H</h3>
        </div>
        <hr>
        <div class="">
            <img src="__TMPL__/public/assets/images/comp/en/product_001.jpg" width="auto" height="auto">
        </div>
    </div>
</section>
<section class="product" id="2">
    <div class="row">
        <div class="main-title">
            <h3>The Hydro-Vent Hood – WRHS</h3>
        </div>
        <hr>
        <div class="">
            <img src="__TMPL__/public/assets/images/comp/en/product_002.jpg" width="auto" height="auto">
        </div>
    </div>
</section>
<section class="product" id="3">
    <div class="row">
        <div class="main-title">
            <h3>The Superior UVTRHS Ventilatio</h3>
        </div>
        <hr>
        <div class="">
            <img src="__TMPL__/public/assets/images/comp/en/product_003.jpg" width="auto" height="auto">
        </div>
    </div>
</section>
<section class="product" id="4">
    <div class="row">
        <div class="main-title">
            <h3>Variable Speed Control Exhaust</h3>
        </div>
        <hr>
        <div class="">
            <img src="__TMPL__/public/assets/images/comp/en/updating.jpg" width="auto" height="auto">
        </div>
    </div>
</section>
<section class="product" id="5">
    <div class="row">
        <div class="main-title">
            <h3>Ventilated Ceiling</h3>
        </div>
        <hr>
        <div class="">
            <img src="__TMPL__/public/assets/images/comp/en/updating.jpg" width="auto" height="auto">
        </div>
    </div>
</section>
<section class="product" id="6">
    <div class="row">
        <div class="main-title">
            <h3>The Custom Engineered</h3>
        </div>
        <hr>
        <div class="">
            <img src="__TMPL__/public/assets/images/comp/en/product_006.jpg" width="auto" height="auto">
        </div>
    </div>
</section>
<section class="product" id="7">
    <div class="row">
        <div class="main-title">
            <h3>UNIHOOD</h3>
        </div>
        <hr>
        <div class="">
            <img src="__TMPL__/public/assets/images/comp/en/updating.jpg" width="auto" height="auto">
        </div>
    </div>
</section>

</div>
<include file="public@footer"/>
<include file="public@scripts"/>
<hook name="before_body_end"/>
<script src="__TMPL__/public/assets/js/slippry.min.js"></script>
<script>
    $(function () {
        $("#home-slider").slippry({
            transition: 'fade',
            useCSS: true,
            captions: false,
            speed: 1000,
            pause: 3000,
            auto: true,
            preload: 'visible'
        });
        $("#home-slider").show();
    });
</script>
</body>
</html>